<extend name="Public/base"/>
<block name="style">
    <style>
        .btn-jujue{background: #FF1717;}
        .btn-jujue:hover{background-color: #8d8d8d;}
    </style>
</block>
<block name="body">
    <div class="main-title">
        <h2></h2>
    </div>
    <form action="" method="post" class="form-horizontal">
        <input type="hidden" name="id" id="id" value="{$data['topic_id']}">
        <div style="overflow: hidden;width: 100%;" class="form-item">
            <div style="float: left;width: 100%;">
                <div style="width: 100px;height: 40px;background: #ccc;border-radius: 5px;line-height: 40px;text-align: center;font-size: 18px;margin-bottom: 15px;">基本信息</div>
                <ul >
                    <li style="margin-bottom: 15px;overflow: hidden;line-height: 16px;">
                        <div style="text-align: right;float: left;font-weight: bold;font-size: 16px;">
                            帖子标题：
                        </div>
                        <div style="float:left;margin-left: 10px;font-size: 14px;">{$data['title']}</div>
                    </li>
                    <li style="margin-bottom: 15px;overflow: hidden;line-height: 16px;">
                        <div style="text-align: right;float: left;font-weight: bold;font-size: 16px;">
                            内容：
                        </div>
                        <div style="float:left;margin-left: 10px;font-size: 14px;word-wrap:break-word;width:60%;">{$data['content']}</div>
                    </li>
                    <notempty name="data.img_list">
                        <li style="margin-bottom: 15px;overflow: hidden;line-height: 16px;">
                            <div style="text-align: right;float: left;font-weight: bold;font-size: 16px;">
                                图片：
                            </div>
                        <volist name="data.img_list" id="vo">
                            <div style="float:left;margin-left: 10px;font-size: 14px;"><img width="100px" height="100px;" src='__ROOT__{$vo}'></div>
                        </volist>
                        </li>
                    </notempty>
                     <notempty name="data.video_url">
                        <li style="margin-bottom: 15px;overflow: hidden;line-height: 16px;">
                            <div style="text-align: right;float: left;font-weight: bold;font-size: 16px;">
                                视频：
                            </div>
                        <video id="media" width="320" height="240" controls>
                            <source id="play-item" src="{$data['video_url']}" type="video/mp4">
                        </video>
                        </li>
                    </notempty>
                    <li style="margin-bottom: 15px;overflow: hidden;line-height: 16px;">
                        <div style="text-align: right;float: left;font-weight: bold;font-size: 16px;">
                            发帖时间：
                        </div>
                        <div style="float:left;margin-left: 10px;font-size: 14px;">{$data['create_time']}</div>
                    </li>
                </ul>
            </div>

        </div>
        <div class="form-item">
            回复:
        </div>
        <div class="data-table table-striped">
            <table class="">
                <thead>
                    <tr>
                        <th class="">回帖人头像</th>
                        <th class="">回帖人昵称</th>
                        <th class="">回帖内容</th>
                        <th class="">回帖时间</th>
                        <th class="">操作</th>
                    </tr>
                </thead>
                <tbody>
                <notempty name="_list">
                    <volist name="_list" id="vo">
                        <tr>
                           
                            <td> <img src="{$vo.head_imgurl}" height="50px" width="50px"></td>
                            <td>{$vo.nick_name}</td>
                            <td>{$vo.content}</td>
                            <td>{$vo.create_time}</td>
                            <td>
                                <a href="{:U('delCom',array('id'=>$vo['comment_id']))}" class="ajax-get confirm">删除</a>
                            </td>
                        </tr>
                    </volist>
                    <else/>
                    <td colspan="9" class="text-center"> aOh! 暂时还没有内容! </td>
                </notempty>
                </tbody>
            </table>
        </div>
        <div class="page">
            {$_page}
        </div>


        <div class="form-item">
            <button class="btn btn-return" onclick="javascript:history.back(-1);return false;">返 回</button>
        </div>
    </form>
</block>

<block name="script">
    <script type="text/javascript">
        //导航高亮
        highlight_subnav('{:U('Post / index')}');
    </script>
</block>
